<template>

<a-list item-layout="horizontal" :data-source="showArticleList.item">
 
    <template #renderItem="{ item }">
      <a-list-item>
        <a-list-item-meta
          :description="item.content"
        >
          <template #title>
            <a href="https://www.antdv.com/">{{ item.title }}</a>
          </template>
          <template #avatar>
            <a-avatar :src="gege" />
          </template>
        </a-list-item-meta>
      </a-list-item>
    </template>
  </a-list>

   
</template>

<script lang="ts" setup>
import gege from "../assets/鸡哥.png"

defineProps(['showArticleList'])

</script>

<style lang="scss" scoped>

</style>